@extends('public.main')
@section('title', '文章首页')

@section('css')
    <meta name="keywords" content="{{ $article->keywords }}"/>
    <meta name="description" content="{{ $article->description }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('/static/css/detail.css') }}">
@endsection

@section('content')
<div class="col-md-12">
    <div class="col-md-8">
        <div class="col-md-12 content_left">
            <div class="col-md-12 item_article">
                <div class="col-md-12" style="margin:0;padding:0;margin-top:10px ">
                    <div class="avatar">
                        <img src="{{ asset('/static/img/32.png') }}"/>
                    </div>
                    <div class="user_name">
                        <a href="#" style="color:#9b8878;" id="username">大吴和毛毛</a>
                    </div>
                </div>
                <div class="col-md-12 item_content">
                    {!! $article->content !!}
                </div>
                <div class="col-md-12 detail_button">
                    <button type="button" class="btn btn-default" style="width:120px;">上一条</button>
                    <button type="button" class="btn btn-default" style="margin-left:80px;width:200px;background:black;color:white;">下一条，你懂得</button>
                    <button type="button" class="btn btn-default" style="margin-left:80px;width:120px;">收藏本页面</button>
                </div>
                <div class="col-md-12 item_praise">
                    <div class="praise_first">
                        {{ $article->praise }} 好笑
                    </div>
                    <div class="praise_point">
                        ·
                    </div>
                    <div class="praise_second">
                        <a href="#" style="color:#999999" id="comment_num">107 评论</a>
                    </div>
                </div>
                <div class="col-md-12 item_img">
                    <div style="float:left;">
                        <a href="#"><img src="{{ asset('/static/img/good.png') }}" style="width:20px;height:20px;"/></a>
                        <a href="#"><img src="{{ asset('/static/img/bad.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                        <a href="#"><img src="{{ asset('/static/img/comments.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                    </div>
                    <div style="float:right;">
                        <a href="#"><img src="{{ asset('/static/img/qq-2.png') }}" style="width:20px;height:20px;"/></a>
                        <a href="#"><img src="{{ asset('/static/img/微信-2.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                    </div>
                </div>
            </div>
        </div>

        {{--评论--}}
        <div class="col-md-12 content_left">
            <div class="col-md-12 comment">
                <h4>评论（83）</h4>
                <div>
                    <hr style="width:98%;border:1px solid #e7e5e2;margin:0;"/>
                    <div class="col-md-12" style="margin-top:10px;margin-bottom:10px;">
                        <div class="col-md-1" style="margin:0px;padding:0px;">
                            <img src="{{ asset('/static/img/32.png') }}"/>
                        </div>
                        <div class="col-md-11" style="margin:0px;padding:0px;">
                            <div class="col-md-12 comment_name" style="margin:0px;padding:0px;">
                                隔壁、老王。
                            </div>
                            <div class="col-md-12" style="margin:0px;padding:0px;">
                                来啊来啊！
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    <hr style="width:98%;border:1px solid #e7e5e2;margin:0;"/>
                    <div class="col-md-12" style="margin-top:10px;margin-bottom:10px;">
                        <div class="col-md-1" style="margin:0px;padding:0px;">
                            <img src="{{ asset('/static/img/32.png') }}"/>
                        </div>
                        <div class="col-md-11" style="margin:0px;padding:0px;">
                            <div class="col-md-12 comment_name" style="margin:0px;padding:0px;">
                                隔壁、老王。
                            </div>
                            <div class="col-md-12" style="margin:0px;padding:0px;">
                                来啊来啊！
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="col-md-12 content_right">
            <div class="col-md-12">
                <h4>快来扫一扫微信二维码，更多精彩内容等你来发现。</h4>
                <img src="http://7xj8tq.com1.z0.glb.clouddn.com/erweima1.jpg">
            </div>
            <div class="col-md-12">
                <iframe width="100%" height="400" class="share_self" frameborder="0" scrolling="no"
                        src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=400&fansRow=1&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=5605043482&verifier=f260c920&dpc=1"></iframe>
            </div>
        </div>
    </div>
</div>
@endsection